<template>
  <view class="more_container">
    <u-collapse class="collapse_container">
      <u-collapse-item
        :title="item.head"
        v-for="(item, index) in itemList"
        :key="index"
      >
        <view class="collapse-item"> {{ item.body }}</view>
      </u-collapse-item>
    </u-collapse>
  </view>
</template>

<script>
export default {
  data() {
    return {
      itemList: [
        {
          head: "我的预约为什么被拒绝了",
          body: "您好，您的风控以及审批将会对您的综合资质进行评分考量，评分不足则申请失败。若申请失败，您无需进行任何操作，我们将为您的信息进行严格保密",
          open: true,
          disabled: true,
          name: "photo",
        },
        {
          head: "支持那些银行卡",
          body: "您好，可以在我的银行卡页面，点击绑定新银行卡，选择开户行，可以查看到支持哪些银行卡",
          open: false,
          name: "photo",
        },
        {
          head: "怎样注销账户",
          body: "您好，建议您查询当前是否有未结清的贷款订单或未放款的订单，如果没有您可以联系人工服务操作注销",
          open: false,
          name: "photo",
        },
        {
          head: "预约流程及注意事项",
          body: "您好，可以在我的银行卡页面，点击绑定新银行卡，选择开户行，可以查看到支持哪些银行卡",
          open: false,
          name: "photo",
        },
        {
          head: "怎样更换付款银行卡",
          body: "您好，可以在我的银行卡页面，点击'绑定新银行卡'，根据页面提示进行换卡操作，还款只能是贷款人本人的银行卡，如果有问题可以在工作时间内联系在线客服咨询。",
          open: false,
          name: "photo",
        },
      ],
    };
  },
};
</script>

<style scoped lang="less">
.more_container {
  display: flex;
  padding: 50rpx;
  align-items: center;
  justify-content: center;
  .collapse_container {
  }
  .collapse-item {
    // color: red;
    padding: 20rpx 0;
  }
}
</style>
